<template>
  <span v-if="theme.showTheme">
    <vab-icon icon="brush-2-line" @click="handleOpenTheme"/>
  </span>
</template>

<script lang="ts">
import {Component} from 'vue-property-decorator';
import BaseVue from "@/common/base-vue";
import {SettingsGetterEnum} from '@/store/enum/store.enum'

@Component({components: {}})
export default class VabTheme extends BaseVue {
    get theme() {
        return this.$store.getters[SettingsGetterEnum.theme]
    };

    private handleOpenTheme() {
        this.$bus.$emit('theme')
    };
}
</script>
